@import './color';

.hr-top {
  margin-top: 10rpx !important;
}
.hr-bottom {
  margin-bottom: 10rpx !important;
}
.hr-left {
  margin-left: 10rpx !important;
}
.hr-left-20 {
  margin-left: 20rpx !important;
}
.hr-right-20 {
  margin-right: 20rpx !important;
}
.hr-bottom-20 {
  margin-bottom: 20rpx !important;
}
.flex-row,
.flex-row-center,
.flex-column {
  display: flex;
  justify-content: space-between;
}
.flex-row,
.flex-row-center {
  flex-direction: row;
}
.flex-row-center {
  align-items: center;
}
.flex-column {
  flex-direction: column;
}
.icon-right,
.icon-down {
  vertical-align: middle;
}
.icon-right {
  margin-right: 20rpx;
  width: 16rpx;
  height: 29rpx;
}
.icon-down {
  margin-left: 20rpx;
  width: 29rpx;
  height: 16rpx;
}
.get-code {
  margin-left: 10rpx;
  color: @font-color-blue-2;
}
.pull-left {
  text-align: left;
}
.pull-right {
  text-align: right;
}
.button-blue,
.button-red {
	color: #ffffff;
}
.button-gray {
  color: @font-color-adorn;
  background: @button-color-gray !important;
}
.button-red {
  background: @button-color-red !important;
}
.button-blue {
  background: @button-color-blue !important;
}
.text-blue {
  color: @font-color-blue-2 !important;
}
.text-red {
  color: @font-color-red !important;
}
.text-gray {
  color: #CACACA;
}
.beizhu {
  width: 40rpx;
  height: 43rpx;
}
.liuyan {
  margin-left: 30rpx;
  width: 33rpx;
  height: 47rpx;
}
.blue {
  color: @font-color-blue-2 !important;
}
.money {
  font-size: 30rpx;
  color: @font-color-red;
}
.mask {
  position: fixed;
  top: 0;
  z-index: 3;
  width: 100vw;
  height: 100vh;
  animation: .2s opacity;
  background: rgba(0, 0, 0, .2);
}
@keyframes opacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
